從以前到現在，我已經用過了 Wordpress, Octopress, Jekyll 架設過部落格，而目前社群上常見的還有 Hexo, Hugo。除了 Wordpress 以外，其餘都屬於 Static Site Generator (SSG) 的方式。但除了 SSG 外，亦有 Server Side Render (SSR) 的方式，但因為 Blog 資料變動不大，又希望能夠直接放在靜態網頁空間以減省維護成本，所以仍決定使用 SSG。

在 SSG 裡，Jekyll、Hexo、Hugo 多屬於現在常見的系統，但在試完後感覺能客製化的程度有限、成本也較大。所以再往下研究後，發現還有 Gatsby 與 NextJS 這兩種選擇，在前面文章有提到的 Gatsby Garden 就是使用 Gatsby 實作出來的。剛剛提到的兩者是 React.js 的實作，另外亦有基於 Vue.js 實作的 Gridsome 與 NuxtJS。這些基於 React.js 與 Vue.js 兩個前端框架的基礎下，在修改上是比較輕鬆的，也比較能夠方便我客製化我想要的功能。

有鑒於前面已經有研究過 Gatsby Garden，所以接下來會先嘗試使用 Gastby 的方案時做出第一版的 Blog，並在有成品後，再去研究其他三個方案有沒有足夠吸引我切換過去的。也趁機試玩看看 React.js。

首先，先做出基於Gatsby Garden Template 的 Blog：

git clone https://github.com/binnyva/gatsby-garden
cd gatsby-garden
npm install --legacy-peer-deps
npm run develop

即可在 http://localhost:8000/ 上看到最原始的 Gastby Garden。

然後再到 gastby-config.js 修改設定檔，就可以客製化自己想要的名稱與選單。
而在 Gatsby Garden 裡，他甚至已經幫我們實作好筆記的關聯圖了呢！